html,
body {
margin: 0;
background-color: #eee;
font-size: 16px;
font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei";
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
outline: none;
}
i,
h1,
h2,
h3,
h4,
h5 {
font-style: normal;
font-weight: normal;
font-size: 1em;
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
button,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
a {
margin: 0;
padding: 0;
border: 0;
outline: none;
}
.width_page {
width: 1000px;
margin: 32px auto;
position: relative;
}
.width_page .cont {
background: #fff;
padding: 20px;
overflow: hidden;
transition: border-radius 0.5s;
}
.c1 .swiper-slide .swiper_text {
width: 100%;
background: rgba(0, 0, 0, 0.5);
position: absolute;
bottom: 0;
left: 0;
z-index: 99;
height: 38px;
line-height: 38px;
padding: 0 20px;
font-size: 16px;
color: #fff;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
box-sizing: border-box;
}
.sx-1-l {
width: 640px;
height: 274px;
float: left;
margin: 0 20px 0 0;
}
.sx-1-l img {
width: 100%;
}
.sx-1-r h2 {
font-size: 18px;
color: #115998;
padding: 0 0 10px;
}
.sx-1-r .info {
font-size: 16px;
color: #504d4d;
text-align: justify;
line-height: 1.7;
text-indent: 2em;
}
/* c2 */
.width_page .title1 {
width: 100%;
position: relative;
padding: 0;
height: auto;
margin: 0 auto 30px;
line-height: 54px;
background: #fff;
overflow: hidden;
font-size: 1em;
}
.width_page .title1 p {
font-size: 18px;
color: #115998;
font-weight: bold;
height: 24px;
line-height: 24px;
}
.width_page .title1 .more {
position: absolute;
top: 50%;
right: 0;
margin: -10px 0 0;
}
.width_page .more {
display: inline-block;
height: 20px;
line-height: 20px;
font-size: 12px;
color: #8c9195;
padding-right: 10px;
background: url('http://www.zgwypl.com/5th/images/more.png') no-repeat right center;
}
.list4_ul {
width: calc(100% + 50px);
margin-left: -25px;
}
.list4_li {
width: calc(25% - 50px);
float: left;
overflow: hidden;
padding: 0 25px;
}
.list4_li img {
width: 100%;
}
.list4_li+.list4_li {
margin-left: -12.5%;
}
.list4_li:nth-child(2n) {
margin-top: 500px;
}
.years_waptit {
display: none;
}
.list4_p {
font-size: 12px;
color: #000;
margin-right: 0px;
text-align: justify;
line-height: 1.8;
margin-top: 1em;
}
.years {
width: 898px;
height: 84px;
padding: 80px 0 60px;
background: url('http://www.zgwypl.com/6th/images/years_bg.png') no-repeat center center;
margin: auto;
position: absolute;
top: 50%;
left: 50%;
margin: -112px 0 0 -449px;
}
.years_listsub {
width: 60px;
text-align: center;
overflow: hidden;
position: absolute;
}
.years_listsub2020 {
top: 40px;
left: -20px;
}
.years_listsub2019 {
top: 128px;
left: 140px;
}
.years_listsub2018 {
top: 38px;
left: 286px;
}
.years_listsub2017 {
top: 128px;
left: 430px;
}
.years_listsub2016 {
top: 40px;
left: 565px;
}
.years_listsub2015 {
top: 144px;
left: 720px;
}
.years_listsub2014 {
top: 36px;
left: 845px;
}
.years_icon {
width: 34px;
height: 27px;
position: relative;
margin: auto;
}
.years_icon_t {
background: url('http://www.zgwypl.com/6th/images/icon_foot_t.png') no-repeat;
opacity: 1;
animation: years_icon_tplay 1.5s linear infinite;
}
.years_icon_b {
background: url('http://www.zgwypl.com/6th/images/icon_foot_b.png') no-repeat;
opacity: 0.7;
animation: years_icon_bplay 1.5s linear infinite;
}
.years_icon_t,
.years_icon_b {
display: block;
width: 34px;
height: 27px;
position: absolute;
top: 0;
left: 0;
}
.years_icon1 {
display: none;
}
.years_text {
font-size: 18px;
color: #115998;
font-weight: bold;
}
@keyframes years_icon_tplay {
50% {
opacity: 0.7;
transform: translate(-10px);
}
}
@keyframes years_icon_bplay {
50% {
opacity: 1;
transform: translate(10px);
}
}
/* c3 */
.list5_li {
width: 48%;
overflow: hidden;
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
margin: 0 4% 20px 0;
float: left;
}
.list5_img {
width: 148px;
height: 96px;
float: left;
margin: 0 18px 0 0;
position: relative;
}
.list5_img_img {
display: block;
width: 100%;
}
.list5_main {
overflow: hidden;
position: relative;
}
.list5_tit {
font-size: 14px;
color: #1d70b9;
padding: 0 0 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.list5_p {
height: 80px;
font-size: 12px;
color: #000;
line-height: 20px;
text-align: justify;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.list5_li:nth-child(even) {
margin-right: 0;
}
.list5_tit a {
font-size: 14px;
color: #1d70b9;
}
.list5_p a {
font-size: 12px;
color: #000;
}
/* c4 */
.list6_li {
width: 168px;
float: left;
overflow: hidden;
position: relative;
margin: 0 30px 15px 0;
}
.last {
margin-right: 0;
}
.list6_img {
display: block;
width: 100%;
position: relative;
margin-bottom: 15px;
}
.list6_p {
font-size: 12px;
color: #1d70b9;
margin-right: 0px;
text-align: center;
line-height: 1.8;
}
.main_l {
width: 660px;
float: left;
margin: 0 20px 0 0;
overflow: hidden;
}
.main_r {
width: 320px;
overflow: hidden;
}
.list5_li {
width: 48%;
overflow: hidden;
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
margin: 0 4% 20px 0;
float: left;
}
.list2_ul {
overflow: hidden;
}
.list2_li.m_b0.p_b0 {
margin-bottom: 0;
padding-bottom: 0;
}
.list2_img {
display: block;
width: 100%;
position: relative;
margin-bottom: 18px;
}
.m_b0 {
margin-bottom: 0px;
}
.list2_p {
font-size: 14px;
color: #1d70b9;
margin-right: 0x;
text-align: justify;
}
.white_space {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.m_b18 {
margin-bottom: 14px;
}
.width_page .cont.p_b6 {
padding-bottom: 6px;
}
.width_page .cont.p_t6 {
padding-top: 6px;
}
.img_three_img {
display: block;
width: calc(25% - 6px);
float: left;
margin: 0 7px 0 0;
}
.img_three_img.m_r0 {
margin-right: 0;
}
.list1_tit {
font-size: 14px;
color: #1d70b9;
padding: 0 0 10px;
}
.list1_tit a {
font-size: 14px;
color: #1d70b9;
}
.list1_p {
font-size: 12px;
color: #000;
}
.list1_p a {
font-size: 12px;
color: #000;
}
.img_three {
overflow: hidden;
}
.list1 {
overflow: hidden;
padding: 10px 0 0;
}
.list3 {
overflow: hidden;
}
.list3_ul {
overflow: hidden;
padding-bottom: 4px;
padding-bottom: 4px;
}
.list3_li {
width: 100%;
overflow: hidden;
position: relative;
padding-bottom: 21px;
margin-bottom: 21px;
}
.list3_img {
width: 116px;
height: 82px;
float: left;
margin: 0 18px 0 0;
position: relative;
}
.list3_main {
overflow: hidden;
position: relative;
}
.list3 .bor1 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.list3_img_img {
display: block;
width: 100%;
height: 82px;
}
.list3_tit {
font-size: 14px;
color: #1d70b9;
padding: 0 0 10px;
}
.list3_p {
font-size: 12px;
color: #000;
margin: 0 0 2px;
}
.list3_time_more {
position: relative;
}
.list3_p a {
font-size: 12px;
color: #000;
}
.list3_time {
font-size: 12px;
color: #8c9195;
}
.list3_time_more .more {
position: absolute;
top: 50%;
right: 0;
margin: -10px 0 0;
}
.list3_tit a {
font-size: 14px;
color: #1d70b9;
}
.page {
width: 100%;
padding: 20px 0;
overflow: hidden;
text-align: center;
font-size: 0;
background: #fff;
}
.page a.up,
.page a.down {
background: #d8d8d8;
}
.page a,
.page span {
padding: 11px 15px;
font-size: 16px;
color: #6d6d6d;
border: solid 1px #c2c2c2;
border-radius: 4px;
margin: 0 8px;
}
.page a:hover,
.page a:focus,
.page a.on {
background: #d8d8d8;
}
.red .list5_li {
width: auto;
float: none;
}
.red .list5_img {
width: 363px;
}
.red .title1 p {
font-size: 14px;
color: #c30000;
font-weight: bold;
height: 24px;
line-height: 24px;
}
.red.width_page .title1 {
background: none;
}
.red .title1 .fa {
animation: titplay 0.5s infinite;
}
.red .title1 .fa:first-child {
margin-right: 10px;
}
.red .title1 .fa:last-child {
margin-left: 10px;
}
.list8_ul {
overflow: hidden;
}
.list8_li {
width: 31%;
overflow: hidden;
position: relative;
margin-bottom: 16px;
margin-right: 3.33%;
float: left;
}
.list8_li:nth-child(3n) {
margin-right: 0;
}
.list8_tit a {
font-size: 14px;
color: #1d70b9;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
.list8_tit {
padding-bottom: 10px;
}
.list8_img {
display: block;
width: 100%;
position: relative;
margin-bottom: 20px;
}
.list8_img_img {
display: block;
width: 100%;
}
.bor1 {
height: 1px;
background: url('http://www.zgwypl.com/2019nCoV/images/bor1.png') repeat-x;
}
@keyframes titplay {
50% {
transform: scale(0.9);
}
}
.title1 .fa.huo {
background: url(http://www.zgwypl.com/2019nCoV/images/huoicon.png) no-repeat;
background-size: 13px;
width: 13px;
height: 18px;
position: relative;
top: 3px;
}
.list9_ul {
overflow: hidden;
padding-bottom: 4px;
padding-bottom: 4px;
}
.list9_tit {
font-size: 14px;
color: #1d70b9;
padding: 0 0 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.list9_tit a {
font-size: 14px;
color: #1d70b9;
}
.list9_p {
font-size: 12px;
color: #000;
line-height: 20px;
text-align: justify;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.list9_p a {
font-size: 12px;
color: #000;
}
.list9_b {
position: relative;
overflow: hidden;
}
.list9_b span {
font-size: 12px;
color: #8c9195;
padding-right: 52px;
}
.list9_b .more {
float: right;
}
.list9_li {
width: 100%;
overflow: hidden;
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
}
.list9 .bor1 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.flower2 .flower2_t {
background: url(http://www.zgwypl.com/2019nCoV/images/flower2_t.jpg) no-repeat;
width: 318px;
height: 217px;
position: absolute;
top: 0;
right: 0;
z-index: 0;
}
.list_videoli {
overflow: hidden;
width: calc(25% - 6px);
float: left;
margin-right: 8px;
cursor: pointer;
}
.list_videoli:nth-child(4n) {
margin-right: 0;
}
.list_videomain {
width: 100%;
height: 160px;
position: relative;
background: #000;
}
.list_video video {
width: 100%;
height: 100%;
cursor: pointer;
}
.list_videotext {
height: 40px;
line-height: 40px;
font-size: 14px;
color: #1d70b9;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
background: #fff;
padding: 0 20px;
}
.list_videoimg_icon {
display: block;
width: 39px;
height: 39px;
position: absolute;
top: 50%;
left: 50%;
margin: -20px 0 0 -20px;
z-index: 1;
}
.list_videoimg_img {
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 0;
}
.list_videomask {
width: 100%;
height: 100%;
background: #000;
position: absolute;
top: 0;
left: 0;
z-index: 10;
display: none;
}
.list_video .close {
color: #fff;
position: absolute;
top: 0;
right: 4px;
z-index: 11;
display: none;
}
.red.c11.width_page .title1 {
margin-bottom: 0;
}
.list_video {
overflow: hidden;
}
.list_li {
overflow: hidden;
width: 306px;
float: left;
margin: 0 21px 21px 0;
}
.list_li:nth-of-type(3n) {
margin-right: 0;
}
.list_img {
width: 100%;
height: 156px;
}
.list_tit {
height: 38px;
line-height: 38px;
font-size: 16px;
color: #1d70b9;
position: relative;
margin: 0 0 5px 0;
}
.list_text {
height: 49px;
line-height: 24px;
font-size: 14px;
color: #727171;
position: relative;
margin: 0 0 5px 0;
padding: 0 0 3px 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.list_b {
position: relative;
}
.time {
font-size: 12px;
color: #727171;
display: block;
height: 20px;
line-height: 20px;
}
.list_b .more {
position: absolute;
top: 0;
right: 0;
}
.list_text a {
display: block;
color: #727171;
}
.list_tit a {
display: block;
color: #1d70b9;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.list_tit span {
display: block;
width: 100%;
height: 1px;
background: url('http://www.zgwypl.com/images/special/bor1.png') repeat-x;
position: absolute;
bottom: 0;
}
.list_img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.c15 .sublist20 .list_main li,
.c13 .sublist20 .list_main li {
height: 53px;
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
float: left;
}
.c15 .sublist20 .list_main li,
.c13 .sublist20 .list_main li {
width: 49%;
margin-right: 2%;
}
.c15 .sublist20 .list_main li>a,
.c13 .sublist20 .list_main li>a {
display: block;
line-height: 53px;
max-width: 65%;
/* background: url(../images/news_picico.jpg) no-repeat right center; */
padding: 0 25px 0 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
float: left;
}
.c15 .sublist20 .list_main li img,
.c13 .sublist20 .list_main li img {
width: 148px;
height: 96px;
object-fit: cover;
}
.c15 .sublist20 .list_main>li,
.c13 .sublist20 .list_main>li {
height: auto;
line-height: normal;
padding: 18px 0 0;
}
.c15 .sublist20 .list_main li .list_main_r,
.c13 .sublist20 .list_main li .list_main_r {
height: 90px;
overflow: hidden;
}
.c15 .sublist20 .list_main>li .list_main_r i a,
.c13 .sublist20 .list_main>li .list_main_r i a {
color: #1d70b9;
padding: 0;
}
.c15 .sublist20 .list_main>li .list_main_r>i,
.c13 .sublist20 .list_main>li .list_main_r>i {
font-size: 14px;
height: 2em !important;
line-height: 1.5em !important;
white-space: normal;
display: block;
}
.c15 .sublist20 .list_main li .list_main_r .title span,
.c13 .sublist20 .list_main li .list_main_r .title span {
font-size: 14px;
color: #8c9195;
font-weight: normal;
}
.c15 .list_main li,
.c13 .list_main li {
padding: 10px 0 10px 28px;
border-bottom: dashed 1px #b2b0b0;
}
.c15 .sublist20 .list_main>li .title,
.c13 .sublist20 .list_main>li .title {
position: relative;
width: 100% !important;
height: 24px !important;
line-height: 24px !important;
margin-top: 2px;
}
.c15 .sublist20 .list_main>li .list_main_r p,
.c13 .sublist20 .list_main>li .list_main_r p {
display: block !important;
height: 3em;
overflow: hidden;
font-size: 14px;
line-height: 1.5em;
}
.c15 .sublist20 .list_main>li .list_main_r .title a.more,
.c13 .sublist20 .list_main>li .list_main_r .title a.more {
display: block !important;
left: auto;
right: 0;
top: 0;
position: absolute;
}
.c14 .sublist20 .list_main li {
height: 53px;
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
float: left;
}
.c14 .sublist20 .list_main li {
width: 49%;
margin-right: 2%;
}
.c14 .sublist20 .list_main>li .list_main_r>i {
font-size: 14px;
height: 3em !important;
line-height: 1.5em !important;
white-space: normal;
display: block;
}
.c14 .sublist20 .list_main>li .list_main_r a {
color: #1d70b9;
padding: 0;
}
.c14 .sublist20 .list_main>li .title {
width: 100% !important;
height: 24px !important;
line-height: 24px !important;
position: relative;
}
.c14 .sublist20 .list_main li .list_main_r .title span {
font-size: 14px;
color: #8c9195;
font-weight: normal;
}
.c14 .sublist20 .list_main>li .list_main_r .title a.more {
display: block !important;
position: absolute;
top: 0;
left: auto;
right: 0;
}
.c14 .sublist20 .list_main li .list_main_r .title a.more {
font-size: 14px;
color: #8c9195;
}
.c14 .sublist20 .list_main li .list_main_r .title a.more {
padding: 0 10px 0 0;
background: url('http://www.zgwypl.com/images/more.png') no-repeat 30px 6px;
}
.c14 .sublist20 .list_main>li {
height: auto;
line-height: normal;
padding: 18px 0 0;
}
.c14 .list_main li {
padding: 10px 0 10px 28px;
border-bottom: dashed 1px #b2b0b0;
}
.c14 .sublist20 .list_main li.list_submain_last {
border-bottom: dashed 1px #b2b0b0 !important;
}
.c14 .title {
margin-bottom: 10px;
}
.c15 .sublist20 .list_main>li .list_main_r>i {
font-size: 14px;
height: 3em !important;
line-height: 1.5em !important;
white-space: normal;
display: block;
}
.c15 .sublist20 .list_main>li:nth-child(odd) {
margin-right: 2% !important;
}
.c15 .sublist20 .list_main>li:nth-child(even) {
margin-right: 0 !important;
}
.c15 .sublist20 .list_main li>a {
line-height: 0;
}
.c15 .sublist20 .list_main li .list_main_r {
height: auto;
}
.c15 .sublist20 .list_main>li {
padding-bottom: 14px;
}
.c15 .sublist20 .list_main>li .title {
margin-top: 12px;
}
.c15 .sublist20 .list_main>li .list_main_r p {
margin-top: 4px;
}
@media screen and (max-width: 999px) {
.c15 .sublist20 .list_main li,
.c13 .sublist20 .list_main li {
width: auto;
margin-right: 0 !important;
}
.c14 .sublist20 .list_main li {
width: auto;
float: none;
margin-right: 0 !important;
}
.list_li {
width: auto;
float: none;
margin-right: 0;
}
.red .list5_img {
width: auto;
}
.page a {
display: inline-block;
margin-bottom: 8px;
}
.page a,
.page span {
padding: 4px 8px;
margin: 0 2px 4px;
font-size: 12px;
}
.width_page .title1 p {
height: auto;
}
.years_waptit {
display: block;
text-align: center;
margin: 0 0 20px;
position: relative;
}
.list4_p {
margin-bottom: 3em;
}
.years {
display: none;
}
.list4_li {
width: auto;
float: none;
overflow: hidden;
padding: 0 0;
}
.list4_ul {
width: auto;
margin: auto;
}
.list4_li+.list4_li {
margin-top: 0;
margin-left: 0;
}
.width_page {
width: auto;
margin: 10px;
}
.width_page .cont {
padding: 10px;
}
.sx-1-l {
width: 100%;
margin: 0 0 10px 0;
height: auto;
float: none;
}
.list5_li {
width: 100%;
margin: auto;
}
.list5_img {
width: auto;
float: none;
margin: auto;
height: auto;
margin-bottom: 1em;
}
.list5_img img {
width: 100%;
}
.list6_li {
width: 48%;
margin: 0 4% 10px 0;
}
.list6_li:nth-child(even) {
margin-right: 0;
}
.main_l,
.main_r {
width: auto;
float: none;
margin-right: 0;
}
.m_b18,
.main_l {
margin-bottom: 10px;
}
.img_three_img {
display: block;
width: calc(25% - 1px);
float: left;
margin: 0 1px 0 0;
}
.list8_li {
width: 100%;
}
.list_videoli {
width: 100%;
float: none;
margin-right: 0px;
}
}